/* public-all*/
body{
	margin:0 0 0 4px;
	padding:0;
	font-family:Arial, sans-serif , DejaVuSans;
	font-size:12px;
	line-height:18px; 
	width:1000px; 
	}
a{ 
	text-decoration:none;
   }
ul,li,dl,dd,dt,h1,h2,h4,h5,p,form,th,td,tr{
	list-style:none; 
	padding:0px;
	margin:0px;
	}
li,dd,dt,th,td,h4,h3, .h3{  
	font-weight:normal;
	table-layout:fixed; 
	overflow:hidden;
	white-space:nowrap;
}
img,fieldset{
	border:0;
	}
input{
	border:3px #c5c5c5 double;
	background:#F9F9F9;
	padding-left:5px;
	}
input,select{
	font-size:11px;
	}
textarea{ width:60%;}
.bold{
	font-weight:bold;
	}
/*top */
#head{
	font-size:11px;
	color:#7e7f88;
	width:100%;
	float:left;
	}
#head h1{ 
	margin:10px 0 0 10px;
	float:left;
	font-size:small;
	}
#head h1 img{
  width:169px;
  height:77px;
  }
#head .width{
	width:780px; 
	float:right;
	}
.width dl img{
	margin:0 3px;
	}
.width h2{ 
	background:url(bg-line-top.gif) repeat-y right 0%; 
	height:22px;
	width:400px;
	text-align:right;
	padding:3px 15px 0 0;
	float:right;
	font-size:11px;
	font-weight:normal;
	}
.width h2 a{ 
	color:#307eb8;
	font-size:11px;
	margin:0 3px;
	}
.width h2 span { /* mark */
	display:inline-block;
	margin:0 3px;
	}
.width dl{ 
	width:100%;
	float:left;
	margin-top:45px;
}
.width dl a {
	color:#7e7f88;
	font-weight:normal;
}
.width dl  a:hover,.width dl  a:active{
	text-decoration:underline;
	}
.width dl dt{
	font-weight:bold;
	color:#f3641d;
}	
.width dl dd{
	float:right;
	margin:0 0 5px 5px;
}
.head-go{ 
	color:#7e7f88;
	font-weight:normal;
}
/*foot*/
#bottom{
	border:1px solid #CECDCE;
	background:url(logo-bottom.gif) no-repeat 4% 50%;
	padding-left:70px;
	height:42px;
	width:930px;
	float:left;
	margin:20px 0 40px 0;
   }
#bottom h6{
	margin:12px 140px 0 20px;
	float:left;
	color:#AFAFAF;	
	font-weight:normal;
	font-size:12px;
	}
#bottom ul li{
	float:left;
	padding: 12px 10px 0 10px;
	}
/*body */
#box {
	float:left;
	border-top:1px #e2e4e0 solid;
	height:auto;
	overflow:hidden;
	color:#66696C;
	width:100%;
	position: relative;
	}   
#left,#right{
	height:auto;
	margin-bottom:-32767px;
	padding-bottom:32767px;
}
/*body-left*/   
#left{
	float:left;
	width:219px;   
	height:100%;
	border-right:1px #e3e3e3 solid;
	}
#left a {
	color:#66696C;
	}
#caption{
	background:#dbe0e3 url(bg-line.gif) no-repeat ;
	width:100%;
	padding-top:4px;
}
#caption .h3{
	background:url(bg-line-title.gif) no-repeat right 0%;
	height:24px;
	margin:0 ;
	font-size:14px;
	font-weight:bold;
	padding:2px 0 0 10px;
	border-bottom:1px #8fa2ae solid;
}
#caption .h3 .ledger dd{
	float:left; 
	width:80px;
	max-width:130px !important;
	margin-right:5px;
	}
.ledger dd, .ledger dt {	
	font-weight:bold;
	}
#company li,#company .nonce{
	font-size:11px;
	background:url(out.gif) no-repeat;
	width:219px;
	height:24px;
	margin:0;
	}
#company .fg{
	background:url(fg.gif) repeat-y right 0;
	border-top:1px #CED8DA solid;
	height:3px; 
	margin:0!important; 
	margin:-11px 0 0px 0; 
	}
#company li a,#company .nonce{
	display:block; 
	width:184px;
	padding:3px 0 3px 35px;
	color:#66696C;
	}
#company li a:hover,#company .nonce{
	background:url(over.gif) no-repeat;
	}
#company .nonce{
	height:16px;	
	}	
#decorate{
	height:500px;
	min-height:500px;
	background:url(bg-line-bg.gif) no-repeat right 0%;
	}
#decorate div{
	background:url(bg-line-bg2.gif) repeat-x;
	height:100px;
	margin-right:5px;
	width:214px;
	}
#liaison {
	position: absolute;
	bottom: 0;	  
	margin-left:15px;
	height:260px; 
	width:195px;
	font-size:14px;
	}
#liaison .word{
	border-top:1px solid #e3e3e3;
	background:url(map.gif) no-repeat center 50%;
	height:130px;
	}
#liaison li div{
	font-size:10px;
	height:53px;
	}
#liaison .img{
	float:left;
	width:30px;
	background:url(phone.gif) no-repeat left 50%;
	} 
#liaison .phone{
	background:url(fax.gif) no-repeat left 0%;   
	float:right;
	width:110px;
	line-height:22px;
	padding:7px 0 0 50px;
	}
#liaison .mail{
	background:url(email.gif) no-repeat;
	padding:1px 0 0 55px;
	font-size:10px;
	width:132px;
	height:20px;
	float:left;
	margin-top:8px;
	}
/*body-right*/
#right{
	float:right;
	margin-top:5px;
	width:770px;
	min-width:770px;
	max-width:770px;	
	}
.navigation-bg{
	border-bottom:1px solid #D8DDE1; 
	width:100%;
	padding-right:1px;
	}
.navigation-bg li{ 
	background:#D8DDE1; 
	margin-bottom:5px;
	height:32px;
	}
#navigation{
	font-size:14px;
	font-weight:bold;
	color:#8D8F98;
	height:32px;
	margin:0;
	}
#navigation li{
	float:left;
	text-align:center;
	width:122px;
	font-weight:bold;
	background:#D8DDE1;
	border-left:1px solid #fff;
	}
#navigation li a,#navigation #unfold{ 
	display:block; 
	color:#8D8F98;
	width:122px;
	padding:8px 0 6px 0;
	}
#navigation #unfold a{ 
	color:#fff;
	margin:0;
	padding:0;	
	}
#navigation li a:hover{
	background:#B7C0C7;
	}
#navigation #unfold{
	background:#B7C0C7;
	padding:8px 0 0 0;
	height:23px;
	color:#fff;
	}
#navigation2 li{
	width:93%;
	border:1px #ff0000 solid;
	margin:5px;
	background:#F2F3F5;
	padding:10px 20px; 
	}
#right-body{ 
	color:#616F7C;  
	width:100%;
	margin:15px 0 0 3px;
	padding:0;
	float:left;
	min-height:500px;
	max-height:100%;
	}
#right-body p{
	background:url(line-title.gif) no-repeat left 50%;
	color:#616F7C;
	padding-left:10px;
	}
	

/*body--right-public*/
.link a{
	display:block;
	color:#2a6eb2; 
	width:100px;
	float:left;
	border-bottom:1px dashed #999;
	padding:0 5px;
	}
.title{
	background:url(bg-title.gif) repeat-x;
	text-align:left;
	min-height:26px !important;
	max-height:100%;
	}

.form,.title{
	width:95%;
	padding:0;
	margin:10px 0 0 10px;
	float:left;
	}
.title2,.title div{
	padding:4px 0 0 13px;
	width:93%;
	}
.title2{
	padding-bottom:2px;	
	}
.title div{
	background:url(bg-down.gif) no-repeat left 0%;
	height:23px;
	}
.title a{
	color:#307eb8;
	}
.title div a:link,.title div a:visited,
.title2 a:link,.title2 a:visited,
.fin a:hover,.fin a:active,
.costomer .li1  a:link, .costomer .li1 a:visited{
	text-decoration:underline;
	}
.title div a:hover,.title div a:active,
.title2 a:hover,.title2 a:active,
.costomer .li1 a:active, .costomer .li1 a:hover
{
	text-decoration:none;
	}
.title3, .border{ width:93%; float:left;}
.title3 dd,.title3 dt,.border dd,.border dt{
	float:left;
	width:250px;
	margin:0 5px;
	}
.title3 dd,.border dd{
	border-right:1px dashed #999;
	}
.next{ 
	float:left;
	border:#D8DDE1 1px solid;
	border-left:0;
	border-right:0;
	width:94%;
	margin:15px 0 15px 10px;
	padding:10px 10px 8px 0;
	text-align:right;
	}
.next div a{ 
	margin-left:8px;
	color:#8C8C8C; 
	text-decoration:underline;
	}
.next div span{ margin-left:8px;}
.next div a:active{ 
	margin-left:8px;
	color:#8C8C8C; 
	}
.border{
	margin-top:0;
	}
.border dl{
	width:100%;	
	float:left;
	}
.border .nr{
	border-bottom:1px solid #999;
	padding:5px 0 5px 11px;
	}
.bottom2 li{ float:left; width:60px;}
.form label, .label, .vgroup label{
	display:block;
	float:left;
	width:170px;
	margin:0 15px;
	padding-right:15px;
	text-align:right;	
	}
.hgroup{
	width:510px;
	float:right;
	min-height:60px;
	}
.hgroup li{
	float:left;
	width:150px;
	border-bottom:1px dashed #999;
	padding:3px 0;
	margin:5px 20px 5px 0;	
	}
.hgroup label {
	display:inline;
	float:none;
	padding:0;
	margin:0;
	}
.hgroup input{margin:0;}
.list-bg,.list-bg2,.list-bg3,.list-bg4{
	width:93%;
	float:left;
	padding:5px  0 0 11px;
	margin:3px 0 5px 0;
	}
.list-bg{
	background:#f7f7ff;
   
	}
.list-bg2{
	background:#f8fcfd;
	}
.list-bg3{
	background:#e8e8e8;
	border:1px solid #969fa6;
	height:21px;
	margin-top:5px
	}
.list-bg4{
	background:#b3bcc1;
	border:1px #819ca5 solid;
	color:#000;
	height:24px;
	margin:5px 0 7px 0;
	}
.list-bg,.list-bg2{	
	border:1px solid #b5c6ce;
	}
.list-bg,.list-bg2,.list-bg3,.list-bg4{
	border-left:0;
	border-right:0;
	}
.next select{
   width:50px; 
   text-align:center;
   }
.list-width{
	width:98%;
	}
.text-list{
   padding:8px 0 8px 47px;
   margin:5px 0;
   width:93%;
   }
.table{
	width:93%;
	margin-left:10px;
	padding:0;
	float:left;
	}
.table dl{
	float:left;
	width:102%;
	border-bottom:1px #B1C2CF solid;
	}
.table dt,.table dd{
	border-left:1px #B1C2CF dashed;
	padding:8px 0 4px 10px;
	min-height:18px;	
	max-height:100%;
	width:75%;	
	}
.table dd{	
	float:right;
}
.table dt{
	border-left:0;
	margin:0;
	width:150px;
	float:left;
	}
.gray{
	background:#efefef;
	text-align:center;
	margin:10px 0;
	padding:2px;
	float:left;
	width:100%;
	}
.blue-line,.blue-line2{
	background:#f7f7ff;
	border:1px #b5c6ce solid;
	border-left:0;
	border-right:0;
	width:97%;
	height:6px;
	line-height:0;
	margin:10px 0px;
	}
.blue-line2{
	height:26px; 
	padding-top:6px;
	}
.center{
	text-align:center;
	float:left;
	}
.red{ 
	color:#FF0000;
	}
.pink{ 
	color:#ffadad;
	}
.dashed{
   height:10px;
   background:#fff;
   margin-top:10px;
   border-top:1px #999 dashed;
   }
.img-line{
	background:url(line-bottom.gif) repeat-x 0%;
	float:left;
	margin:5px 0 0 10px;
	padding:0 0 0 13px;
	width:93%;	
	}
.line-width{
	width:100%;
	}
.line{
   height:5px;
   float:left;
   margin-top:5px;
   border-top:1px #999 solid;
   }
.lin1{
	border-top:1px #969fa6  solid; 
	height:1px;
	float:left;
	width:100%;
	}
#bottom .other,.head-none{
	display:none;	
	}
.none,.fine,.tip{
	background:#ffdddd;
	border:1px solid #ff0000;
	padding:10px 25px;
	color:#cc6666;
	float:left;
	width:88%;
	margin:20px 10px;
	}
.none a,.fine a,.tip a{
	color:#ff0000;
	text-decoration:underline;
	}
.fine{
	background:#f5ffe8;
	border:1px solid #27a007;
	color:#7bc767;
	}
.fine a{
	color:#27a007;
	}
.tip{
	background:#F2F3F5;
	border:1px #ff0000 solid;
	color:#919191;
	}
.tip a{
	color:#5887e4;
	}
#change-bg a{ color:#307eb8;}

#change-bg dl:hover{
	background-color:#dcdbff;
	}	
.no-line{
	border-bottom:0;
	}
.bottom{ 
	width:95%; 
	float:left;
	border-top:1px #999 solid; 
	text-align:right; 
	margin:15px 0 0 10px;
	padding:10px 0;
	}
.input input,.button{ 
	background: url(click-bg.gif) no-repeat;
	padding:3px 5px 3px 30px;
	color:#616F7C;
	border:1px #AEB7C1 solid;
	}
.bottom2{
	width:95%;
	height:30px;
	text-align:center;
	float:left;
	padding:5px 0;
	}
.input2 input,.button2{ 
	color:#9e9e9e;
	text-align:center;
	padding:2px 0;
	}
/*admin-css*/
.admin{ width:95%;}
.admin td{
	padding:8px 5px;
	width:30%;
	border-bottom:1px #dfdfdf dashed;
	}
.admin th{
	padding-left:5px;
	}
.admin a,
.crm a{
	color:#2b61e7;
	margin-left:0;
	}
.crm{ width:95%;}
.skin dl{
	margin:10px 40px;
	width:145px;
	float:left;
	}
.skin dd,.skin dt{float:left;}
.skin dd{
	width:133px;
	height:104px;
	border:#969fa6 1px solid;
	padding:5px;
	}
.skin dt{
	text-align:center;
	width:141px;
	margin:5px 0;
	}
.skin a{
	color:#969fa6;
	}
/*crm-css*/
.style1{
	margin-top:30px;
	float:right;
	}
.style1 li{
	float:left;
	background:url(click-bg.gif) no-repeat;
	padding:2px 0 0 30px;
	font-size:11px;
	width:90px;
	height:21px;
	}
.crm td{
	padding:3px 5px;
	border-bottom:1px #dfdfdf dashed;
	}
.crm th{
	padding-left:5px;
	width:28%;
	text-align:left;
	border-right:1px #999 dashed;
	}
#table{
	width:97%; 
	float:left; 
	margin:15px 0 0 10px; 
	}
.dl-titile dd,.dl-titile dt{
	background:url(bg-title.gif) repeat-x;
	float:left;
	padding:3px;
	height:18px;
	}
.dl-body{ 
	border-bottom:1px #B1C2CF solid; 
	}
.dl-body,.dl-body dd,.dl-body dt{
	float:left;
	}
.dl-body dd, .dl-body dt{ 
	padding:3px;
	}
.re{
	width:250px; 
	border-right:1px dashed #999;
	}
.re ul li{ 
	float:left;  
	}
.re .date{ width:80px;}
.re .contact{ 
	width:120px; 
	text-align:left;
	border-left:1px dashed #999;
	padding:0 3px 3px 3px;
	}
.re .edit-img{
	width:34px;
	}
.at{width:240px;}
.ac{
	width:138px; 
	border:1px dashed #999; 
	border-top:0; 
	border-bottom:0;
	}
.dl-titile dt,.dl-body dt{ 
	width:70px; 
	text-align:center;
	}
.explain{
	border-top:1px solid #efefef;
	padding:5px;
	margin:5px 0 10px 90px;
	}
.new-oth{
	background:#efefef;
	float:left;
	text-align:center;
	margin:0 0 10px 10px ;
	padding:2px;
	width:94%;
	}
.col-font{ color:#BBBCBC;}
.col-font a{ color:#C2CFEF;}	
.possible{margin-top:10px;}
.chek{margin-left:80px; width:80%;float:left;}
.chek dd{
	border-bottom:1px #dfdfdf solid; 
	margin:5px 0;
	padding:5px 0;
	width:95%;
	}
.explain-line{
	width:90%;
	height:2px;
	line-height:0;
	background:#efefef;
	margin:0 0 10px 50px;
	}
/*Finance-css*/
#subledger-fields{
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #999;
	}
#inv_terms-fields{
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #999;
	}
.fin{
	float:left;
	width:93%;
	border-bottom:1px #dfdfdf dashed;
	margin-left:10px;
	}
.fin dd{
	float:left;
	width:110px;
	margin:5px 0 5px 20px;	
	}
.fin dd.wide{
	width:220px;
	}
.fin dt{float:right; padding-right:5px;}
.fin dt a{ margin:0 5px 0 5px;}

.fin-table{width:95%;}
.fin-table td{
	padding:5px 0;
	border-bottom:1px #dfdfdf dashed;
	}
.fin-table td,.fin-table th{
	padding-left:10px;
	}
.fin-table a,.fin a,.fin-form2 a{
	color:#2b61e7;
	margin-left:0;
   }
.fin-form{
	border-top:1px #999 solid;
	padding-top:5px;
	width:100%;
	}
.fin-form2{
	border-bottom:1px #999 dashed;
	width:100%;
	padding:5px 0;
	}
.fin-form,.fin-form2,.fin-form dd,.fin-form dt{
	float:left;
	margin:5px 0 ;
	}
.fin-title{ 
	height:22px;
	margin-top:3px;
	}
.fin-form2 dd,.fin-title dd,.fin-title2 dd{
	width:122px;
	float:left;
	padding-left:10px;
	margin-right:10px;
	border-right:1px #999 dashed;
	}
.send-invoice dd{
	width:88px;
}
.send-invoice .right{
	text-align:right;
	padding-right:10px;
	}
.send-invoice .input{
	width:30px;
	}
.fin-title input,.fin-title  select{
	width:100px;
	}
.fin-title2 dd,.fin-title2 dt{
	width:122px;
	float:left;
	}
.fin-img {padding-top:2px;}
.fin-img dd{
	float:left; 
	margin-left:10px;
	}
.fin-label input{
	margin:0 5px 0 100px ;
	}
.fin-line{
	min-height:200px;
	max-height:100%;
	width:97%;
	float:left;
	border:#64727d 1px solid;
	padding:20px 0 0 10px;
	margin:10px 0;
	color:#000;
	overflow:auto;
	}
.fin-com h3{
	font-weight:bold;   
	margin:0;
	}
.fin-com,.fin-com ul {	
	float:left;
	}
.fin-com{
	width:100%;
	padding-bottom:5px;
	}
.fin-com ul {
	margin:7px 0;
	}
.fin-com ul li{
	margin:3px 0;
	}
.fin-to{
	font-weight:normal;
	}
.to-address{ 
	border-bottom:1px #969fa6 solid;
	padding:5px 10px 5px  0 ;
	float:left;
	width:96%;
	margin:5px auto;
	}
.to-address dd,.to-address dt{
	float:left;
	}
.to-address dd{
	color:#646e7a;
	}
.to-address dt{
	float:right;
	font-size:14px;
	font-weight:bold;
	}
.invoice{
	width:99%;
	float:left;
	}
.invoice .dl{
	background:#e5eaee;
	border:1px solid #9facb4;
	border-right:0;
	border-left:0;
	height:45px;
	min-height:45px;
	}
.totals{
	float:left;
	width:100%;
	border-bottom:1px solid #9facb4;
	margin:3px 0 ;
	}
.invoice .dl dd,.invoice .dl dt{	
	font-weight:bold;
	}
.invoice .dl2 dt,.invoice .dl dt{
	width:97px;
	}
.invoice .dl2{
	border-bottom:1px #999 solid;
	float:left;
	width:100%;
	}
.invoice .dl dd,.invoice .dl dt{
	min-height:37px;
	}
.invoice dd,.invoice dt,
.totals dd,.totals dt{
	float:left;
	margin:3px 0 3px 3px;
	width:85px;
	border-right:1px dashed #999;
	}
.invoice .dd{
	width:180px;
	}
.invoice .dd2{
	width:45px;
	}
.invoice .dd3{
	width:120px;
	}
#border-0,.invoice dt,.totals dt{
	border:0;
	}
.totals dd,.totals dt{
	height:20px;		
	}
.totals .dd{
	width:278px; 	
	}
.drop{
	background:#e9e9e9;
	border-top:#999 solid 1px;
	border-bottom:#999 solid 1px;
	min-height:25px;
	max-height:100%;
	padding:3px 5px;
	float:left;
	width:98.5%;
	margin:10px 0;
	}
.drop .name{
	float:left;
	width:100%;
	border-bottom:#fff solid 1px;
	height:25px;
	padding:2px 0;
	}
.drop .name dd{
	width:85px;
	font-weight:bold;
	padding-left:3px;
	height:20px;
	}
.drop .push{
	width:100%;
	float:left;
	}
.push li{
	float:left;
	margin:5px 20px 5px 10px;
	}
.drop .name dt{
	width:350px;
	padding-left:3px;
	}
 .drop .name dd,.drop .name dt{
	float:left;
	}
.drop .name .item{
	width:125px;
	}
.drop .name .item input{
	width:110px;
	}
.drop .input{
	width:50px;
	}
.drop input{
	color:#7a7a7a;
	}
.oper-total{
	width:300px;
	float:right;
	margin:10px;
	padding:5px;
	border:1px solid #fe0000;
	min-height:40px;
	}
.oper-total dl{
	border-bottom:#9facb4 1px solid;
	margin:2px 0;
	width:100%;
	float:left;
	padding-bottom:4px;
	}
.oper-total dd,.oper-total dt{
	margin:0;
	padding:0;
	height:15px;

	}
.oper-total dt{ 
	float:left;
	font-weight:bold;
	width:200px;

	}
.oper-total  dd{
	float:right;
	font-weight:bold;
	border:0;
	}
.creat-invoice{
	width:95%;
	float:left;
	height:30px;
	text-align:right;
	}	
.creat-invoice input{
	color:#626e7a;
	float:right;
	margin:5px 2px;
	background:url(create-invoice.gif) repeat-x;
	min-width:50px;
	max-width:100%;
	height:19px;
	text-align:center;
	border:1px solid #aab4c3;
	font-size:12px;
	}
.oper-cr{
	width:50%;
	margin-top:10px;
	float:left;
	}
.search{ 
	width:95%;
	float:left;
	margin:10px 0;
	color:#000;
	}
.search div{
	border:1px solid #b1c1ce;
	border-left:0;
	border-right:0;
	width:100%;
	margin:10px 0 10px 10px;
	background:#f9fafc;
	height:4px;
	line-height:0;
	float:left;
	}
.search form{
	width:100%;
	margin:5px 0;
	float:left;
	}

.search label{
	display:block;
	float:left; 
	margin:0 5px 0 50px;
	}
.search input,.search select{
	display:block;
	float:left;
	width:155px;
	}
.search .search-button{
	background:url(se.gif) no-repeat;
	color:#747474;
	width:61px;
	height:21px;
	margin-left:10px;
	border:0;
	}
.search ul{
	width:95%;
	float:left;
	margin-left:10px;
	}
.search li{
	float:left;
	margin:0 2px;
	width:15px;
	height:15px;
	padding-bottom:1px;
	text-align:center;
	}
.search li a{
	display:block;
	float:left;
	width:15px;
	height:15px;	
	color:#fff;
	}
.search li a:link ,.search li a:visited {
	background:url(a-1.gif) no-repeat;
	padding-bottom:1px;
	}
.search li a:hover,.search li a:active{
	background:url(b-1.gif) no-repeat;
	padding-bottom:1px;
	}
/*hr-css*/
.hr{
	margin-left:10px;
	}
.hr dl dd, .hr dl dt{
	padding-top:5px;  
	}
.hr-title dd,.hr-title dt,
.hr-title3 dd,.hr-title3 dt{
	float:left;
	padding:0 10px;
	margin-top:3px;
	width:120px;
	}
.hr-title dd,.hr-title3 dd{
	border-right:1px #999 dashed;
	}
.hr-tit dd,.hr-tit dt{
	margin-top:0;
	margin-bottom:0;
	}
.hr-title dl,.hr-title3 dl{
	float:left; 
	width:100%;
	}
.hr-title a{
	color:#307eb8;
	}
.hr-title .id{width:75px;   }
.hr-title .name{width:160px;}
.hr-title .date{width:90px;}
 .hr-title .edit{
	padding-left:10px;
	width:150px;
	}
.hr-title2 dd,.hr-title2 dt{
	float:left;
	padding:0 5px;
	}
.hr-title2 dt a{
	margin-left:4px;
	}
.hr-title2 dd{
	border-right:1px #999 dashed;
	}
.hr-title2 .co{width:60px;}
.hr-title2 .te{width:55px;}
.hr-title2 .na{width:110px;}
.hr-title2 .ty{width:50px;}
.hr-title2 .da{width:70px;}
.hr-title3 dd,
.hr-title3 dt{width:75px;}


/*op-css*/
.explain-two{
	border-top:1px solid #efefef;
	padding:5px;
	margin:5px 0 10px 90px;
	width:85%;
	}
.margin-left{
	margin:0 5px 0 0px;   
	}
.explain-color{
	color:#999;
	}
.costomer{
	width:95%;
	float:left;
	margin:10px 0 20px 10px;
	}
.costomer .span1{
	color:#8c8c8c;
	margin-left:15px;
	}
.costomer .span3{
	color:#8c8c8c;
	margin-right:15px;
	}
.costomer .span2{
	color:#8c8c8c;
	margin:0 15px;
	}
.costomer ul{
	width:100%;
	}
.costomer li {
	text-align:center;
	padding-top:5px;
	height:21px;
	float:left;
	margin:0;
	color:#8c8c8c;
	}
.costomer li a{margin:0 20px;}
.costomer .li1{
	background:url(oper-2.gif) no-repeat; 
	color:#000;
	width:248px;
	font-weight:bold;
	}
.costomer .li1 .pur{
	color:#2662e4;
	font-weight:normal;
	}
.costomer .li1 .pur a{
	color:#2662e4;
	}
.costomer .li1 .cos a{
	font-weight:bold;
	color:#000;
	}
.costomer .li2{
	background:url(oper-1.gif) no-repeat 5px 0; 
	color:#a5a5a5;
	width:258px;
	padding-left:0px;
	border-bottom:#a5a5a5 1px solid;
	}
.costomer .li2 a{
	color:#a5a5a5;
	font-weight:bold;
	margin:0;
	}
.costomer .li2 a.normal{
	margin:0;
	font-weight:normal;
	}
.costomer .li3{
	border-bottom:#a5a5a5 1px solid;
	width:225px;
	}
.oper{
	min-height:20px;
	max-height:100%;
	padding-bottom:10px;
	}
.oper,.oper-dl{
	width:95%;
	float:left;
	margin-left:10px;
	border-bottom:1px solid #b1c2cf;
	color:#000;
	}
.oper dl{
	float:left;
	width:100%;
	height:20px;
	padding:5px 0;
	background:url(line-d.gif) repeat-x left 100%; 
	}
.oper dt,.oper-dl dt{
	float:left;
	width:260px;
	padding:3px 0;
	}
.oper-dl dd,.oper-dl dt{
	padding:1px 0;
	}
.oper-dl dt,.oper dt a{
	padding-left:23px;
	}
.oper dt a{
	display:block;
	font-size:14px;
	color:#1c4a74;
	float:left;
	width:100%;
	}
.oper a:link,.oper a:visited {
	text-decoration: underline;
	}
.oper a:hover,.oper a:active{
	text-decoration:none;
	background:url(oper-go.gif) no-repeat 5px 50%; 
	}
.oper dd,.oper-dl dd{
	width:400px;	 
	float:right;
	}
.oper-dl{
	border-top:1px solid #b1c2cf;
	} 
.inv{ 
	text-align:right;
	width:94%;
	float:left;
	margin-top:3px;
	}
.inv a{  
	display:block;
	float:right;
	margin:5px;
	background:url(fgdf.gif) repeat-x ; 
	height:16px;
	padding:0 8px;
	text-align:center;
	border:1px solid #c9ced2;   
	color:#000;
	}
/*login*/
#company-logo{ 
	width:750px;
	text-align:center;
	float:left;
	}
#menu li{
	width:176px;
	height:73px;
	background:url(name.gif) no-repeat;
	padding-top:30px;
	font-weight:bold;
	font-size:13px; 
   }
#menu li  a{color:#66717D;}   
#menu li  a:hover ,
#menu li  a:active {
	color: #6DAEF0;
	}
#company-logo.nil-company { /* mark */
	margin-top:15px;
	}
.creat{float:left;}
#company-logo ul{
	margin:0 auto;
	}
#company-logo li {
	width:180px;
	margin:0 0 0 40px;
	float:left;
	}
#company-logo dd,#company-logo h4,#company-logo h5,#company-logo h6{
	font-size:11px;
	padding:3px 0 2px 10px;
	font-weight:bold;
	color:#2D2D2D;	
	}
#company-logo ul li dl dt img{
	width:169px; 
	height:77px;
}
#company-logo h4{
	text-align:left;
	background:#000 url(comp-top.gif) no-repeat;
	color:#012351;
	height:19px;
	width:166px;
	margin:10px auto 0 auto;	
	}
#company-logo dl{
	border:1px solid #989FA6;
	border-bottom:0;	
	width:174px;
	margin:0 auto;
	text-align:left;
	}
#company-logo dl dd{width:162px;}
#company-logo dt{
	width:170px;
	margin:5px 0 0 3px;
	padding:6px 0;
	}
#company-logo  dt  img{
	width:169px;
	height:77px;
	}
#company-logo h5{
	background:url(comp-bottom.gif) no-repeat;
	width:171px;
	height:19px;
	text-align:right;
	padding:2px 5px 0 0;	
	margin:0 auto 15px auto;
	}
#company-logo h5 a,#company-logo dd a{
	color:#666666; 
	}
.validation-advice{ 
	background:#ff0000;
	color:#fff;
	padding:2px 5px;
	margin-left:10px;
	}
.high-spacer{
	margin:12px 0;
	width:90%;
	float:left;
	height:1px;
	line-height:0;
	}
.title4{
	background:url(bg-title.gif) repeat-x;
	text-align:left;
	min-height:26px !important;
	max-height:100%;
	width:auto;
	}	





























#containerul {
	text-align:left; 
	float:left;
	padding:4px 0px 0px 13px;
	line-height:16px;
	} 
#containerul ul{
	text-align:left; 
	margin:0 0 5px 5px; 
	padding:0;
	line-height:16px;
	border-left:1px dashed #FF0000;
	}				
#containerul li{
	margin:5px 0 0 50px; 
	padding:5px 0px; 
	list-style-type:none;
	}				
#containerul .symbols{
	float:left; 
	text-align:center; 
	width:20px; 
	height:16px; 
	background-position:0 50%; 
	background-repeat:no-repeat;
	}  
.notice{
	width:100%;
	text-align:center;
	margin-bottom:10px;
	font-weight:bold;
	}
.supplier .right{ 
	text-align:right;
	}
.supplier th,.supplier td{
	padding-right:5px;
	width:20%;
	}
.select-width{ min-width:170px;}
